<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选取节点</title>
</head>
<body>
    <div id="houdunren">houdunren.com</div>
    <div id="app">
        app.com
        <div id="hdcms">hdcms.com</div>
    </div>
    <script>
        //documentElementByID
        //使用ID选择是非常方便的选择具有ID值的节点元素，但是注意ID值应该是唯一的
        //只能在document对象上使用
        // const node = document.getElementById('houdunren');
        // console.log(node);

        //下面自定义函数来支持批量按ID选择元素
        // function getElementByIds(ids){
        //     return ids.map((id) => {
        //         return document.getElementById(id)
        //     });
        // }

        // let nodes = getElementByIds(['houdunren','app']);
        // console.log(nodes);

        //拥有ID的元素可以作为window的属性进行访问
        // console.log(app.innerHTML)

        //如果声明了变量,那么这种访问无效，所以并不建议使用这种方式
        // let app = 'app';
        // console.log(app.innerHTML);

        //getElementByID只能通过document进行访问，不能通过元素读取拥有ID的元素
        // const app = document.getElementById('app');
        // const node = app.getElementsByID('hdcms');
        // console.log(node);


        //getElementByName
        
        





        
    </script>
</body>
</html>